import React, { Component } from "react";
import { NavBar, Icon } from 'antd-mobile';
import { List } from 'antd-mobile';

const Item = List.Item;
var phoneNum=document.cookie.split('=')[1];

export default class MyAccount extends Component {
    render() {
        return (
            <div>
                <div>
                    <NavBar
                        style={{position:'relative'}}
                        mode="light"
                        icon={<Icon type="left" />}
                        onLeftClick={() => window.location.href = '#/terran/myAfterLogin'}
                        rightContent={[
                            <Icon key="0" type="search" style={{ marginRight: '16px' }} />,
                            <Icon key="1" type="ellipsis" />,
                        ]}
                    >我的账户</NavBar>

                    <List renderHeader={() => ''} className="my-list">
                        <Item extra="张三" arrow="horizontal" onClick={() => { }}>身份认证</Item>
                        <Item extra={phoneNum} arrow="horizontal" onClick={() => {window.location.href = '#/terran/myAccountPhonenumber'}}>手机号</Item>
                        <Item arrow="horizontal" onClick={() => {window.location.href = '#/terran/myAccountPassword'}}>登录密码</Item>
                    </List>
                    <List renderHeader={() => ''} className="my-list">
                        <Item arrow="horizontal" onClick={() => { }}>银行卡</Item>
                        <Item arrow="horizontal" onClick={() => {window.location.href = '#/terran/myAccountPaypassword'}}>支付密码</Item>
                    </List>
                </div>
            </div>
        );
    }
}